<template>
<div>
  {{count}}--{{form}}--{{change}}

</div>

</template>
<script>
import {reactive,ref,onMounted} from 'vue'
import axios from '../http/axios'
export default {

  setup(){
    let form=reactive({'name':'12'})
    let count=ref(0)
    const change=()=>{
      form.name='ab'
      count.value=12

      axios('test','get').then(res=>{
        console.log(res)
      })
      // axios({url:'http://127.0.0.1:5000/test',method:'get'}).then(res=>{
      //   console.log(res)
      // })
    }
    onMounted(()=>{
      change()
    })

    return{
      form,
      count,
      change
    }
  },


}
</script>

<style scoped>

</style>